import './App.css';
import Myheader from './components/Index/Myheader'
import Swipe from './components/Index/Swipe'
import Mynav from './components/Index/Mynav'
import Banner from './components/Index/Banner'
import Myseckill from './components/Index/Myseckill'
import Tabbar from './components/Index/Tabbar'
//react中存在两种形式的组件: 函数式组件, 类组件
//使用 rcc 快速创建 类组件  ( 主要使用这个 )
//使用 rsf 快速创建 函数式组件

import React, { Component } from 'react';

class App extends Component {
  render() { //渲染组件模板到视图
    return (
      <div>
        {/* 头部搜索区域 */}
        <Myheader></Myheader>
        {/* 轮播图区域 */}
        <Swipe></Swipe>
        {/* 导航区域 */}
        <Mynav></Mynav>
        {/* 广告区域 */}
        <Banner></Banner>
        {/* 推荐区域 */}
        <Myseckill></Myseckill>
        {/* 底部导航 */}
        <Tabbar></Tabbar>
      </div>
    );
  }
}

export default App;